body {
	background-color: #f3f2f0;
}

#cabecalho {
	background-color: #5a82bf;
	margin: 0px;
	padding: 20px 0px 0px 0px;
	height: 80px;
}

#div_menu { 
	#border: 1px solid #000000;
}

#cabecalho h1 {
	float: left;
	background-image: url('../imagem/logo.jpg');
	background-repeat: no-repeat;
	height: 80px;
	margin-left: 50px;
	width: 176px; 
	#border: 1px solid #000000;
}

#rodape {
	text-align: center;
	bottom: 0px;
	position: absolute; 
	border-top: solid 1px;
	border-top-color: #9bb0ad;
	background-color: #d3d9d9;
	font-family: Calibri;
	font-size: 16pt;
	color: #2c3837;
	height: 58px;
	width: 100%; 
}
#rodape img{
	padding: 0px 20px;
	height: 56px;
	border: 0px;
}
#rodape_relativo img{
	padding: 0px 20px;
	height: 56px;
	border: 0px;
}

#direito{
	float: right;
	width:500px;
}
#esquerdo{
	float: left;
	width:500px;	
}
#centro{
	position: absolute;
	left: 50%;
	margin-left: -150px;
	width:300px;
}

#rodape_relativo {
	text-align: center;
	bottom: 0px;
	border-top: solid 1px;
	border-top-color: #9bb0ad;
	background-color: #d3d9d9;
	font-family: Calibri;
	font-size: 11pt;
	color: #2c3837;
	height: 58px;
	width: 100%; 
}


#rodape p {
	padding-top: 15px;
}

.notes {
	float: right;
	width: 158px;
	height: auto;
	margin: 0 0 10px 10px;
	padding: 5px; 
	#border: 1px solid #666666; 
	#background-color: #ffffe1; 
	#color: #666666;
	font-size: 88%;
}

.conteudo {
	#width: 600px;
	position: relative;
	left: 50%;
	margin-left: -350px;
	padding: 5px;
	width: 700px;
	#border: 1px solid #666666;
}

.login {
	#width: 500px;
	height: 80px;
	#border: 1px solid #666666;
		
    float: right;
    padding-right: 20px;
    color: #ffffff;
    font-family: Calibri;
    font-size: 12pt;

}
.tabelaLogin {
    font-family: Calibri;
    font-size: 10pt;	
    padding: 5px;
	text-align: right;
}
.tabelaLogin td{
    font-family: Calibri;
    font-size: 10pt;	
    padding: 0px 3px;
	text-align: right;
}

.tabelaLogout{
    padding: 5px;
	font-family: Calibri;
}
.tabelaLogout td{
	#border: 1px solid #000000;
    font-family: Calibri;
    font-size: 12pt;	
    padding: 0px 3px;
	text-align: right;
}

.login input {
    font-family: Calibri;
    font-size: 11pt;
    width: 120px;
    border: 1px solid #666666;
}
.cadastre-se{
    font-family: Calibri;
    font-size: 10pt;
    font-weight: bold;
	padding: 5px;
 color: orange;
}

.erro{
	width:470px;
	text-align: right;
    font-size: 10pt;
    font-weight: bold;
	color: #ffffff;
	#border: 1px solid #666666;
}
.login #registrar {
    border: 1px solid #000000;
    width: 70px;
    text-align: center;
    color: #ffffff;
    background-color: #6fa3d5;
}

.required img{
	width:100px;
	height:100px;
	
}

.required table {
    font-family: Calibri;
    padding: 0px;
}
.required table th{
    padding: 5px 5px;
}
.required table td{
    font-family: Calibri;
    font-size: 10pt;	
    padding: 5px 5px;
	text-align: left;
}
.tutorial {
	padding: 10px;
	background-color: white;
}
.tutorial h2{
    font-family: Calibri;
    font-size: 14pt;	
	text-align: center;
	font-weight: normal;
	padding: 20px 0px;
}
.tutorial img{
    display: block;
    margin-left: auto;
    margin-right: auto;
}
#teleport{
    width:100%; 
}
#ambiente_inworld{
    width:100%; 
}
#imagem_home{
	padding: 40px 0px;
}
#texto_home{
	float: left;
	width:350px;
	#border: 1px solid #000000;
	padding: 40px 10px;	
    font-family: Calibri;
    font-size: 14pt;	
}